<template>
  <header>
    <div @click="goBack">
      <i class="iconfont icon-fanhui"></i>
    </div>
    <div>
      <slot><span>登录</span></slot>
    </div>
    <div>
        <i class="iconfont icon-24gl-thumbsUp2"></i>
    </div>
  </header>
</template>

<script>
export default {
   methods: {
    goBack() {
      this.$router.back()
    }
   }
}
</script>

<style scoped>
    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 1.2rem;
        background-color: #b0352f;
        color: #FFF;
    }
    header i {
      padding: 0 .3rem;
      font-size: 0.58rem
    }
    header span {
      font-size: .46rem;
    }
</style>